<mat-card>
  <mat-card-header>
    <div mat-card-avatar class="header-image" (click)="navToMCenter()" matTooltip="{{'nav2mcenter' | translate}}"></div>
    <mat-card-title>{{person.personName}}</mat-card-title>
    <mat-card-subtitle>{{building}}</mat-card-subtitle>
    <mat-card-subtitle>{{bed}}</mat-card-subtitle>
    <img src="{{getSoundImg()}}" width="32" height="32" (click)="toggleSound()" matTooltip="{{(person.silent ? 'psilent' : 'unsilent') | translate}}">
  </mat-card-header>

  <mat-card-actions>
    <mat-chip-list>
      <mat-chip color="{{getColor()}}" selected (click)="openAckDialog()">
        <img src="{{getBellImg()}}" width="32">
        <span [innerHTML]="alarmText | safeHtml"></span>
      </mat-chip>
    </mat-chip-list>
  </mat-card-actions>
</mat-card>
